html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
}

body {
  max-width: 820px;
  margin: 0 auto;
}

img {
  border: none;
}

/*话题详情正式*/
.topicBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: #12C8BB;
  color: #fff;
  font-size: 20px;
  z-index: 1;
  height: 2rem;
  line-height: 2rem;
}

.topic-top {
  width: 100%;
  height: 6rem;
  overflow: hidden;
  position: relative;
}

/*mh背景图片*/
.blurImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: url("../img/growList/head.jpg?v= 0e746cc") no-repeat center center;
  background-size: cover;
  -webkit-filter: blur(10px);
  /* Chrome, Opera */
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}

.topic-top dl {
  margin-top: 1.5rem;
  padding: 0 12px;
  overflow: hidden;
}

.topic-top-title {
  width: 100%;
  /*text-overflow: ellipsis;*/
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 8px;
  color: #000000;
}

.font-hot-num {
  color: #000;
}

.topic-top-stitle {
  font-size: 16px;
}

/*热*/
.font-hot {
  color: #FFA105;
}

/*话题详情头部图片*/
.topic-userHeader {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
}

.topic-top dd {
  width: 100%;
  padding-left: 4rem;
  color: #fff;
}

/*话题详情展示*/
.topic-details {
  padding: 28px;
  text-align: center;
  background: #fff;
  border-bottom: .5rem solid #F2F2F2;
}

.topic-details img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 1rem 0;
}

.topic-details p {
  line-height: 28px;
  font-size: 14px;
}

/*讨论区*/
.topic-forum {
  background: #fff;
  padding-top: 14px;
}

.topic-forumTitle {
  font-size: 16px;
  padding: 0 12px;
  line-height: 26px;
}

.topic-forumTitle i {
  margin-right: 2px;
}

/*点赞宽度固定*/
.topic-praise {
  width: 36px;
}

.forumContent img {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #ACC9C7;
}

.forumContent {
  padding: .5rem 12px;
  border-bottom: 1px solid #F2F2F2;
  overflow: hidden;
  font-size: 14px;
}

.forumContentR {
  margin-left: 1.8rem;
  margin-right: .2rem;
}

/*评论列表 上中下 三部分*/
.forumCRT {
  line-height: 1.5rem;
}

.forumCRT span:nth-of-type(2) {
  color: #838383;
}

.forumCRM {
  margin-bottom: .5rem;
}

.forumCRM span {
  margin-right: 2px;
}

.forumCRB {
  color: #979797;
}

.forumCRB span {
  display: inline-block;
  margin-right: 18px;
}

.color-q {
  color: #12C8BB;
}

/*iscroll*/
/*自定义样式*/
#wrapper {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

#scroller,
.scrollBox {
  position: relative;
  width: 100%;
}

#scroller {
  float: left;
}

#pullDown,
#pullUp,
#loadAll,
#iscroll-noData,
#iscroll-loadError,
.iscroll_loading {
  text-align: center;
  background: #fff;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 14px;
  color: #888;
  width: 100%;
}

#loadAll,
#iscroll-noData,
#iscroll-loadError,
.iscroll_loading {
  display: none;
}

#loadAll {
  width: 100%;
  height: 40px;
  /*line-height: 40px;
	background: #f2f2f2;
	line-height: 100px;
	* */
  background: #fff;
  line-height: 40px;
}

#iscroll-noData {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

/*深度测试  === 测试题*/
.depthTest {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}

.depthTest-top {
  width: 100%;
  line-height: 1.7rem;
  text-align: center;
  border-bottom: 1px solid #F2F2F2;
  padding: 0 12px;
  color: #12C8BB;
  font-size: 16px;
}

.quit {
  color: #8C8C8C;
  cursor: pointer;
}

.prev {
  border-bottom: 2px solid #12C8BB;
}

.depthTest-body {
  width: 280px;
  height: 100%;
  margin: 0 auto;
  margin-top: -1.7rem;
  padding-top: 3rem;
}

.depthTestC-top {
  line-height: .8rem;
  color: #686868;
  margin-bottom: .8rem;
}

.depthTestC {
  font-size: 14px;
}

.depthTestC-body {
  line-height: 20px;
  border: 1px solid #12C8B8;
  border-radius: 5px;
  padding: .4rem 15px;
  color: #12C8B8;
  margin-bottom: .8rem;
}

.choseRes {
  background: #12C8B8;
  color: #fff;
}

.depthTestC-explain {
  line-height: 20px;
  border: 1px solid #12C8B8;
  border-radius: 5px;
  padding: .4rem 15px;
  color: #12C8B8;
  border-color: transparent;
  color: #7A7A7A;
  margin-top: 3rem;
  display: none;
}

.depthLogo {
  display: block;
  width: 100%;
}

/*交互*/
.depthTestC {
  /*默认隐藏*/
  display: none;
}

.overDepthTestBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
}

.overDepthTest {
  margin: 0 auto;
  margin-top: 7.2rem;
  width: 280px;
  /*min-height: 4.8rem;*/
  background: #fff;
  border-radius: 5px;
}

.overDepthTestT {
  padding: 1.2rem 12px;
  border-bottom: 1px solid #F2F2F2;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.overDepthTestB {
  text-align: center;
  color: #12C8B8;
  font-size: 16px;
  /*padding: .3rem 0;*/
  line-height: 36px;
}

.overDepthTestBox {
  display: none;
}

/*方案定制*/
.scheme {
  width: 100%;
  height: 100%;
  padding: 0 72px;
  background: #fff;
  overflow: auto;
}

.schemeTop {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: 1.5rem 0;
}

.schemeTop:before,
.schemeTop:after {
  content: "";
  border-bottom: 1px solid #000000;
  width: 14px;
  display: inline-block;
  margin: 0 10px;
  margin-bottom: 5px;
  height: 0;
}

.schemeC {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  width: 3.3rem;
  display: inline-block;
  margin-bottom: 1.34rem;
  cursor: pointer;
}

.schemeC img {
  display: block;
  width: 3.3rem;
  margin-bottom: .32rem;
}

.schemeC {
  float: left;
}

.schemeC:nth-of-type(2n) {
  /*margin-left: 2.8rem;*/
  float: right;
}

/*深度测评首页*/
.quizChose {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: height .3s;
  -moz-transition: height .2s;
  -webkit-transition: height .3s;
  /*-webkit-transition: height linear .3s;*/
  -o-transition: height .2s;
  z-index: 20;
  background: #fff;
}

.animateHeight {
  /*height: 400px;*/
  height: 15.3rem;
}

.depthDeta {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.depthVideo {
  display: block;
  width: 100%;
}

.depthDeta-c {
  padding: 0 12px;
  margin-bottom: .6rem;
}

.depth-mold-top {
  padding: .6rem 0;
  font-size: 16px;
  color: #393939;
}

.depth-mold-content {
  line-height: 20px;
  font-size: 14px;
  color: #919191;
  margin-bottom: .54rem;
}

.depth-mold .depth-logo {
  font-size: 16px;
  color: #13C8B8;
  padding: .6rem 0;
}

.depth-fBox {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.depthBox {
  /*width: 50%;*/
  width: 6.6rem;
  max-width: 196px;
  max-height: 196px;
  height: 6.6rem;
  display: inline-block;
  box-shadow: 0 0 4px 2px #CECECE;
  margin: .25rem .15rem;
  float: left;
  text-align: center;
  position: relative;
  z-index: 0;
}

.depthBox:nth-of-type(2n) {
  float: right;
}

.depthBox img {
  display: block;
  width: 50px;
  margin: 0 auto;
  margin-top: .4rem;
}

.depthBox p {
  font-size: 12px;
  color: #9F9F9F;
  margin-top: .2rem;
}

.depthBox p:nth-of-type(1) {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

.depthRBox {
  width: 3.84rem;
  height: 3.84rem;
  box-shadow: 0 0 4px 2px #CECECE;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #B7B7B7;
  color: #fff;
  /*transform: translateX(-50%) translateY(-50%);*/
  /*c3 安卓低版本不兼容  20170801*/
  margin-left: -1.92rem;
  margin-top: -1.92rem;
  text-align: center;
  padding-top: .9rem;
  font-size: 14px;
  line-height: 22px;
  z-index: 2;
}

@media screen and (min-width: 479px) {
  .depthRBox {
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
  }
}

.depthRBoxOver {
  box-shadow: 0 0 4px 2px #DDE7E7;
  background: #FFFFFF;
  color: #000;
}

.quizChoseTop {
  line-height: 1.76rem;
  background: #14C9B9;
  text-align: center;
  color: #E9FAF8;
  font-size: 16px;
}

.quizChoseTop span {
  font-size: 14px;
}

.quizChoseTopic {
  text-align: left;
  font-size: 14px;
  color: #838383;
  line-height: 24px;
  padding: .7rem;
}

.quizChose .depthTest-body {
  height: auto;
}

.depthBoxW,
.depthBoxO {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.depthBoxO {
  background: #15C9B9;
  color: #fff;
  z-index: 1;
  padding-top: 2.8rem;
  text-align: center;
  font-size: 14px;
}

.depthRBoxOver {
  padding-top: 1.5rem;
}

@media screen and (max-width:320px) {
  .quizChose .depthTest-body {
    padding-top: 2rem;
  }

  .animateHeight {
    height: 17rem;
  }
}

@media screen and (max-width:380px) {
  .quizChose .depthTest-body {
    padding-top: 2rem;
  }

  .animateHeight {
    height: 16rem;
  }
}

/*深度测评大屏兼容*/
@media screen and (min-width:479px) {
  .depth-fBox {
    width: 400px;
  }

  .depthBox {
    height: 186.55px;
    width: 186.55px;
    margin: 7.067px 4.24px;
  }

  .depthRBox {
    height: 108.53px;
    width: 108.53px;
    padding-top: 35.44px;
  }

  .depthBox img {
    margin-top: 11.307px;
  }

  .depthBox p {
    margin-top: 5.653px;
  }

  .depthBoxO {
    padding-top: 79.147px;
  }
}

/*深度评测结果*/
.depthResult {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.padding12 {
  padding: 0 12px;
}

.depthR-top {
  margin: .4rem 0;
  overflow: hidden;
  margin-bottom: 1rem;
}

.depthRHeader {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}

.depthRHeadName {
  margin-left: 15px;
}

.depthRHeadName dd {
  color: #838383;
}

.depthRHeadName dt {
  line-height: .8rem;
}

.depthRHeadTime {
  font-size: 14px;
  line-height: 1.6rem;
}

.depthRHeadTime i {
  font-size: 16px;
  padding: 0 3px;
}

.cQing {
  margin: .4rem 0;
  color: #12C8B8;
  font-size: 16px;
  padding: 4px 12px;
}

.cQing:before {
  content: "";
  display: inline-block;
  background: #12C8B8;
  width: 5px;
  height: 16px;
  border-radius: 25px;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -4px;
}

.fiveRadius {
  width: 12.5rem;
  margin: .7rem auto;
  min-width: 280px;
}

.fiveRadius dl {
  width: 24%;
  display: inline-block;
  text-align: center;
}

.fiveRadius dt {
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  box-shadow: 0 0 4px 2px #CECECE;
}

.fiveRadius dd {
  text-align: center;
  color: #12C8B8;
  width: 100%;
  padding: 10px 0;
}

.ccc {
  width: 100%;
  height: 2px;
  background: #F2F2F2;
}

.contentResult {
  color: #838383;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 1.2rem;
}

.marginTop10 {
  margin-top: .7rem;
}

.resultBtn {
  text-align: center;
  margin: .5rem 0;
}

.resultBtn span {
  width: 130px;
  height: ;
  display: inline-block;
  line-height: 40px;
  color: #fff;
  background: #12C8B8;
  border-radius: 8px;
  font-size: 16px;
}

.resultBtn span:nth-of-type(1) {
  margin-right: 10px;
}

/* * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

.sharetopictop {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/*服务器超时页面*/
body.notfound {
  background: #fff;
}

.notFound {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-top: 5rem;
}

.notFoundText {
  text-align: center;
  font-size: 18px;
  margin-top: 1rem;
  color: #99A3A3;
}

/*loadImg*/
.loadImgBox {
  /*display: none;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1000;
}

.rgba {
  background: rgba(255, 255, 255, .6);
}

.loadImg {
  display: block;
  /*width: 64px;
	height: 64px;*/
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  /*margin: -32px 0 0 -32px;*/
  margin: -32px 0 0 -16px;
}

/*话题详情*/
.forumName {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}

/*20170815 举报功能*/
.inform {
  float: right;
}

@media screen and (max-width:360px) {
  .forumCRB span {
    margin-right: 5px;
  }
}

/*遮罩改调用原生方法*/
.informHui {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .7);
  z-index: 1000;
  display: none;
}

.informHui ul {
  width: 100%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: absolute;
  bottom: 0;
}

.informHui ul li {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}

.informHui ul li:nth-of-type(1) {
  text-align: left;
  padding-left: 10px;
}

.borderNone {
  border-bottom: 0 !important;
}

.theCreation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(#FF7A01, #FF7A01);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

.theCreation img {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}

img.theCreationTop {
  display: block;
  width: 100%;
  margin: 0;
}

.creatDown {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  background: -webkit-linear-gradient(#FFD400, #FC9A04);
  border-radius: 5px;
  text-align: center;
  line-height: 55px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

#supernatant.rgba6 {
  background: #333333 !important;
  box-shadow: 0 0 8px 5px #EEEEEE;
}

#supernatant.rgba6 p {
  display: inline-block;
  width: auto;
  font-size: 14px;
  letter-spacing: 0.09px;
  color: #FFFFFF !important;
  max-width: 6.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#supernatant.rgba6 p span {
  display: block;
  line-height: 20px;
  color: #000000;
  opacity: 0.8;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0.08px;
}

#supernatant.rgba6 #on {
  border-radius: 20px;
  border: none;
}

.share-box #on {
  margin-top: 7px;
}
